    <!-- <div id="responsive-indicator"></div> -->
    <div id="container" class="container">
        <header></header>
        <main class="content">
            <aside class="left-col" id="left-col">
                <button id="toggle-left" class="toggle-button left-toggle" aria-label="Toggle Left Panel">
                <svg class="arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                    <path d="M16 19V5l-11 7z"/>
                </svg>
                </button>
                <div class="left-panel-content">
                    <div id="side-workflow-controls" class="custom-scrollbar"></div>

                </div>
            </aside>

            <section class="main-area mid-col">
                <div id="display-media-main">
                    <div id="canvasWrapper" style="display: none;">
                        <canvas id="imageCanvas"></canvas>
                    </div>
                    <div id="image-container" class="custom-scrollbar"></div>
                </div>
                <div id="controls" class="custom-scrollbar">
                    <div id="progressbar"></div>
                    <div id="quick-controls"></div>
                    <div id="pluginUIContainer" class="plugin-ui-container">
                    </div>
                    <div id="prompts"></div>
                </div>
            </section>

            <aside class="sidebar right-col" id="right-col">
                <button id="toggle-right" class="toggle-button right-toggle" aria-label="Toggle Right Panel">
                    <svg class="arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                        <path d="M8 5v14l11-7z"/>
                    </svg>
                </button>
                <div class="right-panel-content">
                    <div id="history" class="custom-scrollbar">
                        <div id="header"><h2>Recent</h2></div>
                        <div id="images-container" class="custom-scrollbar">
                        </div>
                    </div>
                </div>
            </aside>
        </main>
    <footer></footer>    
</div>
</body>
</html>
